.dagreLayout-page {
  .relation-node {
    position: absolute;
    width: 140px;
    height: 36px;
    padding: 0;
    box-shadow:0 2px 3px 0 rgba(0,112,204,0.06);
    border-radius: 100px;
    border:1px solid #D9D9D9;
    cursor: pointer;
    background-color: white !important;
    &:hover {
      border:  1px solid #2E92F7;
      .datac-icon {
        line-height: 52px;
      }
    }
    .logo-container {
      width: 100%;
      height: 100%;
      border: none;
      line-height: 36px;
      text-align: center;
      margin: auto;
      display: inherit;
    }
  }

  .datac-icon {
    font-size: 35px;
    line-height: 60px;
  }
  .long-text {
    text-align: center;
  }
  .nodeBackground-color{
    background-color: rgba(255, 255, 255, 0.8);
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .current-bg-color {
    background-color: aliceblue;
  }
  .should-hide {
    fill: none !important;
    stroke: none !important;
  }
  .should-lower {
    opacity: 0.2;
  }
}
